<template>
  <div class="page-container">
    <DynamicForm :config="tsConfig" :questions="tsQuestions" />
    <DynamicTable :tables="tsTable" :config="tsTableConfig" :icons="tsIcons" />
  </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
import { DynamicForm } from '@/components/public-template';
import { DynamicTable } from '@/components/public-template';
import indexService from './index.service';
import { Api } from '@/config/api/currentDocumentReport';

const tsConfig: any = {
  name: 'currentReportTable',
  label: 6,
  wrapperCol: 18,
  grid: 8,
  style: 'table-form',
  cancelSave: true
};
const tsTableConfig: any = {
  name: 'currentReportTable',
  queryUrl: Api.currentReportFormPage,
  protType: 'post',
  rowKey: 'id',
  isScreen: true,
  rowSelection: {
    type: 'checkbox'
  }
};
const tsQuestions: any = reactive(indexService.getQuestions());
const tsTable: any = reactive(indexService.getTables());
const tsIcons: any = reactive(indexService.getIcons());
</script>

<style lang="less" scoped></style>
